<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Homework</title>
    <script src="script.js" defer></script>
    <link rel="stylesheet" href="style.css">
    <link id="favicon" rel="icon" type="image/x-icon">
  </head>
  <body>

    <div class="transparent_div" id="transparent_div">
      <dialog id="myDialog">
        <p>Играть на конструкции switch или if?</p>
        <form method="dialog">
          <button onclick="choice_switch()">switch</button>
          <button onclick="choice_if()">if</button>
        </form>
      </dialog>

      <dialog id="myDialog_choice_switch">
        <p>Камень, ножницы, бумага!!!
          <br>
          <i>(на switch)</i>
        </p>
        <form method="dialog">
          <button onclick="rsp_switch('камень')">камень</button>
          <button onclick="rsp_switch('ножницы')">ножницы</button>
          <button onclick="rsp_switch('бумага')">бумага</button>
        </form>
      </dialog>

      <dialog id="myDialog_choice_if">
        <p>Камень, ножницы, бумага!!!
          <br>
          <i>(на if)</i>
        </p>
        <form method="dialog">
          <button onclick="rsp('камень')">камень</button>
          <button onclick="rsp('ножницы')">ножницы</button>
          <button onclick="rsp('бумага')">бумага</button>
        </form>
      </dialog>

      <dialog id="show_rules">
        <div class="rule_RSP">
          <h1>Камень, ножницы, бумага</h1>
          <ul>
            <li>За победу начисляется 1000</li>
            <li>За поражение снимается 100</li>
          </ul>
        </div>
        <div class="rule_math">
          <h1>Калькулятор</h1>
          <ul>
            <li>За победу начисляется 100</li>
            <li>За поражение снимается 1000 (хаха поражение в калькуляторе...)</li>
            <i id="i">На самом деле там правда можно проиграть</i>
            <span id="emoji">&#128527</span>
          </ul>
        </div>
        <div class="rule_test">
          <h1>Тест</h1>
          <ul>
            <li>За победу начисляется 500</li>
            <li>За поражение снимается 500</li>
          </ul>
        </div>

        <div id="div_reset_rules">
          <button id="button_reset_rules" onclick="reset()">Закрыть</button>
        </div>
      
      </dialog>
      

    </div> 

  <div class="body">
    <div class="RSP">
      <h1>Камень, ножницы, бумага</h1>
      <button type="button" onclick="dialog_construction_choice()">Сыграть</button>
    </div>

  <form id="textForm" name="textForm">
    <input type="number" id="value1">
    <select name="select" id="math-sign">
      <option value="+">+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
      <option value="**">**</option>
      <option value="***">(a+b)**2</option>
    </select>
    <input type="number" id="value2">
    <button type="button" onclick="calc()">Рассчитать</button>
  </form>
  
  <div class="test">
    <form id="test">
      <h1>Решите неравенство</h1>
      <div class="fix">
        <span class="test-1-input"></span>
        <select onchange="test(value)" id="select-test">
          <option value="choise">?</option>
          <option value=">">></option>
          <option value="<"><</option>
          <option value="=">=</option>
        </select>
        <span class="test-2-input"></span>
        <img src="https://cdn-icons-png.flaticon.com/512/5290/5290058.png" alt="" id="checkbox">
        <img src="https://secretfit-food.ru/wp-content/uploads/2019/10/close.png" alt="" id="cross">
      </div>
    </form>
  </div>

  <div class="withdraw">
    <h1>Очки:<span id="balance"></span></h1>
  </div>
<div id="spisok"></div>

  <div id="fix_div"></div>
</div>
  <div class="rules">
    <button onclick="rules_dialog()">ПРАВИЛА</button>
  </div>
</body>
</html>